<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>乐享游l3y.com --福利领取</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            width: 600px;
            height: 120px;

            -webkit-user-select:none;
            -moz-user-select:none;
            -ms-user-select:none;
            user-select:none;
        }
        .box {
            margin: auto;
            position: absolute;
            background: rgba(0,0,0,0) url('https://www.l3y.com/images/hongbao/bgc.png') no-repeat;
            width: 600px;
            height: 120px;
        }
        .long-l {
            display: inline-block;
            position: relative;
            left: 27px;
            top: 5px;
            width: 61px;
            height: 108px;
            background: rgba(0,0,0,0) url('https://www.l3y.com/images/hongbao/dragen-l.png') no-repeat;
            z-index: 9999;
        }

        .long-r {
            display: inline-block;
            position: relative;
            right: -425px;
            top: 5px;
            width: 81px;
            height: 108px;
            background: rgba(0,0,0,0) url('https://www.l3y.com/images/hongbao/dragen-r.png') no-repeat;
            z-index: 9999;
        }

        .get-btn {
            display: inline-block;
            position: relative;
            width: 226px;
            height: 87px;
            line-height: 87px;
            font-size: 30px;
            font-weight: 900;
            color: yellow;
            text-align: center;
            background: rgba(0,0,0,0) url('https://www.l3y.com/images/hongbao/btn-b.png') no-repeat;
            z-index: 800;
            cursor: pointer;
        }

        @keyframes changeLeft {
            0% {
                color: red;
            }
            50% {
                color: yellow;
            }
            100% {
                color: red;
            }
        }

        @keyframes changeRight {
            0% {
                color: yellow;
            }
            50% {
                color: red;
            }
            100% {
                color: yellow;
            }
        }

        .get-btn:hover {
            background: rgba(0,0,0,0) url('https://www.l3y.com/images/hongbao/btn-l.png') no-repeat;
        }
        #left-btn {
            left: -104px;
            top: -34px;
            /*变色*/
            animation: changeLeft 1s linear 0s infinite;
        }

        #right-btn {
            left: 268px;
            top: -120px;
            /*变色*/
            animation: changeRight 1s linear 0s infinite;
        }
    </style>
</head>
<body>
<div class="box">
    <div class="long-l"></div>
    <div class="long-r"></div>
    <div id="left-btn" class="get-btn" onclick="goWebSite()">领取充值</div>
    <div id="right-btn" class="get-btn" onclick="goWebSite()">进入主站</div>
</div>
</body>
<script>
    function goWebSite() {
        window.open("https://www.l3y.com", '_blank');
    }
</script>
</html>